<template>
  <div>
    <h1>Hello World</h1>
    <p>Welcome to the application!</p>
    <button @click="goToQuery">Go to Query</button> <!-- 跳转到查询页面 -->
  </div>
</template>

<script>
export default {
  name: "HelloWorld",
  methods: {
    goToQuery() {
      this.$router.push('/query'); // 跳转到 /query 路由
    },
  },
};
</script>

<style scoped>
h1 {
  color: #42b983;
  text-align: center;
}
</style>